﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfAccountsCentre.aspx.cs" Inherits="msBsc.WebUi.mMall.Seller.mfAccountsCentre" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>手机地接客</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <%=getBodyBeforeJs()%>
    <!--start JS引用-->
    <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script src="/jqPlugin/js/jBase.js"></script>
    <script src="/jqPlugin/js/jBPage.js"></script>
    <script src="/jqPlugin/js/laytpl.js"></script>
    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <!--end JS引用-->
    <script type="text/javascript">
        $(window).load(function () {
            $("#h_title").text("账户中心");
            var oparm = new jsonRow();
            oparm.AddCell("ACTION", "InitInfo");
            ajaxComm(oparm);
        });
    </script>
    <!--head fix rgn-->
    <style>
        input[type=button] {
            width: 80px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            border: 0;
            background-color: #7abd54;
            color: #fff;
            font-size: 14px;
            font-family: 微软雅黑;
            cursor: pointer;
        }

            input[type=button]:hover {
                opacity: 0.8;
            }

        .bind-notice-msg {
            /*width: 770px;*/
            padding: 10px 15px;
            border: 1px solid #f60;
            font-family: 微软雅黑;
            font-size: 16px;
            color: #0094ff;
            margin-bottom: 20px;
            text-indent: 32px;
        }

        .content-wrap {
            width: 100%;
            padding: 20px;
        }

            .content-wrap span {
                display: table-cell;
                padding-right: 15px;
            }

        .content-row {
            line-height: 45px;
        }

        .bindBank-title, .bindAlipay-title {
            /*width: 780px;*/
            height: 35px;
            line-height: 35px;
            font-family: 微软雅黑;
            font-size: 18px;
            color: #fff;
            background-color: #0094ff;
            padding-left: 20px;
        }

        .bindBank-content, .bindAlipay-content {
            /*width: 798px;*/
            border: 1px solid #808080;
        }

        .bindAlipayInfo {
            margin-top: 15px;
        }

        .notice-title {
            width: 120px;
            text-align: right;
            font-family: 微软雅黑;
            font-size: 14px;
            color: #808080;
            letter-spacing: 3px;
        }

        .lab-CCY {
            font-size: 20px;
            font-family: 微软雅黑;
            color: #f00 !important;
        }

        #labDrawals, #labPromBalance {
            font-size: 18px;
            font-family: 微软雅黑;
            color: #f60;
        }

        .needs-ccy, #labNeeds {
            font-size: 16px;
            color: #0094ff;
        }
    </style>
    <link href="/themes/mStyle1/css/public/mDjackPersonalBase.css" rel="stylesheet" />
    <link rel="stylesheet" href="/themes/mStyle1/mSearch.css" />
    <link href="/themes/mStyle1/css/home/base.css" rel="stylesheet" />
    <%--    <link rel="stylesheet" href="/themes/Style1/schList.css" />--%>
    <base target="_self" />
</head>
<body>
    <div class="viewport" style="background-color: #edeeee">
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
        <div class="content-wrap">
            <div class="bind-notice-msg">
                提现账户是您在本平台，进行服务所得收益总和。您可根据本人的经营状况及账户余额，提出申请，将此账户中的余额，转入您在本平台绑定的银行账户或支付宝账户。
            </div>

            <div class="bindBankInfo">
                <div class="bindBank-title">提现账户</div>
                <div class="bindBank-content">
                    <div class="content-row">
                        <span class="notice-title">账户余额:</span>
                        <span class="cust-input">
                            <label class="lab-CCY">￥</label><label id="labDrawals"></label>
                        </span>
                    </div>
                    <div class="content-row">
                        <span class="notice-title">最后提现:</span>
                        <span class="cust-input">
                            <label id="labLastDrawDt"></label>
                        </span>
                    </div>
                    <div class="content-row">
                        <span class="notice-title"></span>
                        <span class="cust-input">
                            <input type="button" id="btnDrawals" value="申请提现" />
                        </span>
                    </div>
                </div>
            </div>
            <div class="bind-notice-msg" style="margin-top: 20px;">
                保证金账户是为提高商家的服务质量而设置。此账户余额不得低于人民币(RMB)1000元。低于1000元时，须要商家补齐缴纳不足部分，才能进行正常的交易，否则将不允许进行订单确认操作。
            </div>
            <div class="bindAlipayInfo">
                <div class="bindAlipay-title">保证金账户</div>
                <div class="bindAlipay-content">
                    <div class="content-row">
                        <span class="notice-title">账户余额:</span>
                        <span class="cust-input">
                            <label class="lab-CCY">￥</label><label id="labPromBalance"></label>
                        </span>
                    </div>
                    <div class="content-row">
                        <span class="notice-title">需缴纳金额:</span>
                        <span class="cust-input">
                            <label class="needs-ccy">￥</label><label id="labNeeds">0.00</label>
                        </span>
                    </div>
                    <div class="content-row">
                        <span class="notice-title"></span>
                        <span class="cust-input">
                            <input type="button" id="btnPromBalance" value="进入缴纳" style="display: none;" />
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
    </div>

    <script type="text/javascript">
        function ShowUserAccount(totalBalance, lastDrawalsDt, promBalance, needsBalance) {
            $("#labDrawals").text(totalBalance);
            $("#labLastDrawDt").text(lastDrawalsDt);
            $("#labPromBalance").text(promBalance);
            if (needsBalance > 0) {
                $(".needs-ccy").addClass("lab-CCY")
                $("#labNeeds").css("color", "#f00").text(needsBalance);
                $("#btnPromBalance").show();
            }
        }

        $(function () {
            $("#btnDrawals").click(function () {
                ApplyDrawals();
            })

            $("#btnPromBalance").click(function () {
                PayPromiseBalance();
            })
        })

        function ApplyDrawals() {
            $("#btnDrawals").attr("disabled", "disabled").val("正在处理...");
            var oparm = new jsonRow();
            oparm.AddCell("ACTION", "ApplyDrawals");
            ajaxComm(oparm, null, function () {
                $("#btnDrawals").val("申请提现").removeAttr("disabled", "disabled");
            });
        }

        function PayPromiseBalance() {
            $("#btnPromBalance").attr("disabled", "disabled").val("正在处理...");
            var oparm = new jsonRow();
            oparm.AddCell("ACTION", "PayPromise");
            ajaxComm(oparm, null, function () {
                $("#btnPromBalance").val("进入缴纳").removeAttr("disabled", "disabled");
            });
        }
        $(document).ready(function () {
            $.getMessageCount();
        });
    </script>
    
</body>
</html>
